<template>
  <div class="My-signup-jt">
    <router-link to="/home/mylogin">
      <img src="../components/img/fanhui.png"
    /></router-link>
    <h1>注册</h1>
    <van-cell-group inset>
      <!-- 输入任意文本 -->
      <van-field v-model="text" label="名称" />
      <!-- 输入手机号，调起手机号键盘 -->
      <van-field v-model="tel" type="tel" label="手机号" />

      <van-field v-model="text" label="账号" />
      <!-- 输入密码 -->
      <van-field v-model="password" type="password" label="密码" />
      <van-field v-model="password" type="password" label="确认密码" />
    </van-cell-group>
    <div style="margin: 16px">
      <van-button round block type="primary" native-type="submit">
        提交注册
      </van-button>
    </div>
  </div>
</template>


<script>
import { ref } from "vue";

export default {
  setup() {
    const tel = ref("");
    const text = ref("");
    const digit = ref("");
    const number = ref("");
    const password = ref("");

    return { tel, text, digit, number, password };
  },
};
</script>

<style lang="scss" scoped>
h1 {
  text-align: center;
}
.My-signup-jt {
  margin: 10px 10px;
}
.My-signup-jt img {
  width: 30px;
  height: 27px;
}
</style>